﻿/* ========================================================================= */
/* Gallery holder */
/* ========================================================================= */

.galleryContent {
    display: -ms-grid;
    height: 100%;
    -ms-grid-rows: 1fr 20px 180px;
    -ms-grid-columns: 1fr;
}

/* FlipView */
/* ========================================================================= */

#basicFlipView {
    -ms-grid-row: 1;
    height: 100%;
    background: rgb(89, 89, 89);
}

.itemTemplate {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    display: -ms-flexbox;
    width: 100%;
    height: 100%;
}

.itemImage {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

/* ListView */
/* ========================================================================= */

#imageGallery {
    -ms-grid-row: 3;
    width: 100%;
    height: 180px;
}

    #imageGallery .win-horizontal.win-viewport .win-surface {
        margin: 0 20px;
    }

    #imageGallery.win-listview .win-horizontal.win-viewport .win-container {
        opacity: .6;
    }

    #imageGallery.win-listview .win-horizontal.win-viewport .win-container:hover {
        outline: none;
        opacity: 1;
    }
    
.imageGallery {
    width: 190px;
    height: 130px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 5px;
}